.workflow-page {
  /* 将固定高度改为100%，适配父容器 */
  height: 100%;
  display: flex;
  flex-direction: column;
  /* 确保内容不溢出 */
  overflow: hidden;
}

.workflow-header {
  padding: 0.75rem 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e2e8f0;
  /* 将header设置为flex: none确保它不会被压缩 */
  flex: none;
}

.workflow-header h1 {
  margin: 0;
  font-size: 1.5rem;
  color: #1e293b;
}

.keyboard-shortcuts {
  display: flex;
  gap: 1rem;
}

.shortcut-item {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: #64748b;
}

.shortcut-item kbd {
  background-color: #f1f5f9;
  border: 1px solid #cbd5e0;
  border-radius: 4px;
  padding: 2px 6px;
  margin-right: 6px;
  font-size: 0.75rem;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

.connection-icon {
  width: 16px;
  height: 16px;
  background-color: #64748b;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  margin-right: 6px;
}

.workflow-content {
  /* 让内容区域自动填充剩余空间 */
  flex: 1;
  /* 确保内部内容不超出容器 */
  overflow: hidden;
  position: relative;
}
